<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <h2>123</h2>
    <h1>
        <span>准备插入</span>
    </h1>

    <script>
        var h1 = document.querySelector("h1")

        // var cloneH1 = h1.cloneNode(true)
        // console.log(cloneH1)
        // 父元素.appendChild(添加的元素) 追加元素到父元素的末尾 会移动元素

        // 父元素.insertBefore(新节点, 位置) 插入元素到父元素的子元素的前面

        // 父元素.removeChild(删除的元素) 从父元素中删除元素

        // 父元素.replaceChild(新节点, 旧节点) 从父元素中替换元素节点
        // 克隆 
        // 元素.cloneNode(true|false)  //true 深度克隆 //false 浅克隆
    </script>
</body>

</html>